<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title><%= title %></title>
  <link rel="stylesheet" href="/stylesheets/index.css">
  <!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
  <script type="text/javascript" src="/javascript/lib/vue-2.5.16.js"></script>
  <!--<script type="text/javascript" src="https://unpkg.com/vue-router/dist/vue-router.js"></script>-->
</head>
<body>
<div id="app">
  <h1>ByServer is running!</h1>
  <hr>
  <div class="router-item" v-for="(item,index) in routerList" :key="index" :title="item.name">
    <a :href="item.router">{{item.name}}</a>
  </div>
  <div style="clear: both"></div>
  <hr>
  <fieldset>
    <legend>双向绑定</legend>
    <h3>{{testName}}</h3>
    <input type="text" v-model="testName">
  </fieldset>

</div>
<script type="text/javascript">
    const app = new Vue({
        el: '#app',
        data: {
            name: '接口管理界面',
            routerList: [
                {name: '本地上传', router: '/by/upload-test'},
                {name: '实时通信', router: '/socket'},
                {name: '直播测试', router: '/video'},
                {name: '视频聊天', router: '/rtc'},
                {name: '七牛图片上传', router: '/upload/'},
                {name: '高德地图', router: '/aMap/'},
                {name: '验证码生成', router: '/verificationCode/'},
                {name: '二维码生成', router: '/QR_Code/'},
                {name: 'EChart报表', router: '/temperatureStatistics/'},
                {name: '温度统计', router: '/temp/'},
                {name: 'MSC', router: '/msc'},
            ],
            testName: 'Hi'
        }
    })
</script>
</body>
</html>
